<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <title>我的公开课</title>
    <link href="../c/base.css" rel="stylesheet" type="text/css">
    <link href="../c/toefl.css" rel="stylesheet" type="text/css">
    <link href="../c/bootstrap.min.css" rel="stylesheet" type="text/css">
    <script src="../j/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
    <script src="../user/js/publicClass.js" type="text/javascript" charset="utf-8"></script>
    <script>

        function page(pageNum) {
            $("#pageNum").val(pageNum);
            $("#pageForm").submit();
        }

        function page1(pageNum) {
            $("#pageNum1").val(pageNum);
            $("#pageForm1").submit();
        }

    </script>
</head>

<body>
<div class="doc910 ">
    <div class="flcb_cardMenu">
        <ul>
            <li class="on">
                <a href="/queryUserClass">我的公开课</a>
            </li>
            <li>
                <a href="###" id="newclass">最新公开课</a>
            </li>
            <li>
                <a href="###" id="desc">听课指南</a>
            </li>
        </ul>
        <div style="position: absolute;right: 10px;">
            <button type="button" class="btn btn-success " onclick="window.location.href='../toClassRelease'">
                <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> 发布
            </button>
        </div>
    </div>

    <!--我的公开课-->
    <div id="myclassContent">
        <div class="publiclass">
            <dl th:each="uc:${session.UserClass.list}">
                <dt>
                    <div class="publiclass_rq">
                        <div class="publiclass_rqD">[[${#dates.format(uc.classInfor.startDate,'dd日')}]]</div>
                        <div class="publiclass_rqM">[[${#dates.format(uc.classInfor.startDate,'MM月')}]]</div>
                    </div>
                    <a href="#" class="publiclass_Pic"><img th:src="${uc.classInfor.imgUrl}" width="270"
                                                            height="155"></a>
                </dt>
                <dd>
                    <div class="flcb_cardClass">
                        <h3>[[${uc.classInfor.classTitle}]]</h3>
                        <div class="flcb_cardNum"><span>[[${uc.classInfor.signupNum}]]</span>人购买</div>
                    </div>
                    <div class="flcb_cardTime">
                        上课时间：<span>[[${#dates.format(uc.classInfor.startDate,'yyyy-MM-dd')}]]</span><span
                            class="marginR15">[[${#dates.format(uc.classInfor.startTime,'HH:mm')}]]--[[${#dates.format(uc.classInfor.endTime,'HH:mm')}]]</span>上课地点：<span>[[${uc.classInfor.classDesc}]]</span>
                    </div>
                    <div class="flcb_cardTech">
                        <span class="first">主讲老师：</span>
                        <span class="teacherPic"><img th:src="@{/${uc.teacher.img_url}}"></span>
                        <span class="name" th:text="${uc.teacher.user_name}">老师姓名</span>
                        <span class="zan"><a href="###"><img src="../i/icon_zan14x14.jpg"></a></span>
                        <span class="zanNum">(32)</span>
                    </div>
                    <div class="publiclass_Text">
                        <table border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td>课程大纲：</td>
                                <td>[[${uc.classInfor.classDesc}]]</td>
                            </tr>
                        </table>

                    </div>
                    <div class="flcb_cardButton">
                        <a th:href="@{../toClassDetails(classId=${uc.classInfor.classId},teacher_id=${uc.teacher.teacher_id})}"
                           target="_parent">课程明细</a>
                        <a href="">进该课程群</a>
                    </div>


                </dd>
            </dl>

            <!--分页-->
            <form action="/queryUserClass" id="pageForm1">
                <!--pageNum值隐藏域-->
                <input type="hidden" name="pageNum" th:value="${session.UserClass.pageSize}" id="pageNum1"/>
            </form>
            <div class="pageList">
                <ul>
                    <li th:each="a:${session.UserClass.navigatepageNums}">
                        <a th:onclick="|page1(${a})|">[[${a}]]</a>
                    </li>

                    <li>
                        <a th:onclick="|page1(${session.UserClass.navigateLastPage})|">最后一页</a>
                    </li>
                    <li th:if="${session.UserClass.isLastPage}">
                        <a th:onclick="|page1(${session.UserClass.prePage})|" class="pret">上一页</a>
                    </li>
                    <li th:if="${session.UserClass.isFirstPage}">
                        <a th:onclick="|page1(${session.UserClass.nextPage})|" class="next">下一页</a>
                    </li>
                </ul>
            </div>

        </div>

    </div>

    <!--最新公开课-->
    <div id="newclassContent" style="display: none;">
        <div class="publiclass" th:each="n,i:${session.newClassInfor.list}">
            <dl>
                <dt>
                    <div class="publiclass_rq">
                        <div class="publiclass_rqD">[[${#dates.format(n.startDate,'dd日')}]]</div>
                        <div class="publiclass_rqM">[[${#dates.format(n.startDate,'MM月')}]]</div>
                    </div>
                    <a href="#" class="publiclass_Pic"><img th:src="${n.imgUrl}" width="270" height="155"></a>
                </dt>
                <dd>
                    <div class="flcb_cardClass">
                        <h3>[[${n.classTitle}]]</h3>
                        <div class="flcb_cardNum"><span>[[${n.signupNum}]]</span>人购买</div>
                    </div>
                    <div class="flcb_cardTime">上课时间：<span>[[${#dates.format(n.startDate,'yyyy-MM-dd')}]]</span>&nbsp;&nbsp;&nbsp;<span
                            class="marginR15">[[${#dates.format(n.startTime,'HH:mm')}]]--[[${#dates.format(n.endTime,'HH:mm')}]]</span>上课地点：<span>[[${n.classDesc}]]</span>
                    </div>
                    <div class="flcb_cardTech">
                        <span class="first">主讲老师：</span>
                        <span class="teacherPic"><img src="../i/22x22.jpg"></span>
                        <span class="name" th:text="${n.teacher.user_name}"></span>
                        <span class="zan"><a href="###"><img src="../i/icon_zan14x14.jpg"></a></span>
                        <span class="zanNum">(32)</span>
                    </div>
                    <div class="publiclass_Text">
                        <table border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td>课程大纲：</td>
                                <td>[[${n.classDesc}]]</td>
                            </tr>
                        </table>

                    </div>
                    <div class="flcb_cardButton">
                        <a th:href="@{../toClassDetails(classId=${n.classId},teacher_id=${n.teacher.teacher_id})}"
                           target="_parent">课程明细</a>
                        <a th:href="@{../toClassPayment1(classId=${n.classId},userId=${session.sess_user.user_id})}">报名</a>
                        <a href="../群组聊/组群聊-群聊页.html">进该课程群</a>
                    </div>
                </dd>
            </dl>

        </div>
        <!--分页-->
        <form action="/queryUserClass" id="pageForm">
            <!--pageNum值隐藏域-->
            <input type="hidden" name="pageNum" th:value="${session.newClassInfor.pageSize}" id="pageNum"/>
        </form>
        <div class="pageList">
            <ul>
                <li th:each="b:${session.newClassInfor.navigatepageNums}">
                    <a th:onclick="|page(${b})|">[[${b}]]</a>
                </li>
                <li>
                    <a th:onclick="|page(${session.newClassInfor.navigateLastPage})|">最后一页</a>
                </li>
                <li th:if="${session.newClassInfor.isLastPage}">
                    <a th:onclick="|page(${session.newClassInfor.prePage})|" class="pret">上一页</a>
                </li>
                <li th:if="${session.newClassInfor.isFirstPage}">
                    <a th:onclick="|page(${session.newClassInfor.nextPage})|" class="next">下一页</a>
                </li>
            </ul>
        </div>

    </div>

    <!--听课指南-->
    <div id="descContent" style="display: none;">
        <div class="tkzn">
            <div class="tkznH3">人人托福网公开课听课指南</div>
            <div class="tkznBody">
                <p>1、百度搜索YY客户端或者进入www.yy.com上下载YY语音客户端，下载之后安装到电脑上<br>
                    <span>（温馨提示：Mac系统电脑需要安装虚拟机以及双系统才可以）；</span></p>
                <p>2、注册账号，并登陆，如右图所示：</p>
                <div class="tkznPic"><img src="../i/tkzn_1.jpg"></div>
                <p>3、进入8637之后，点击左下角“教室列表”，教室列表展开之后，跟进教室名称双击进入教室即可！<br><span>如下图所示：</span></p>
                <div class="tkznPic"><img src="../i/tkzn_2.jpg"></div>
            </div>
        </div>

    </div>

</div>
</body>

</html>